@charset 'utf-8';
@import './var.scss';
body,div,span,i,p,ol,dl,ul,li,dl,dt,dd,input,button,textarea,label,img,h1,h2,h3,form,select,option,a{
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
body,html{
	width: 100%;
	overflow-x: hidden;
	font: 14px/1.5 Helvetica;
	// @include bc(#070c28);
}
.hide{display: none !important}
img{
	display: block;
	outline: none;
	width: 100%;
}
i{
	font-style: normal;
}
a{
	text-decoration: none;
}
ul,dl,ol,select,option{
	list-style: none;
}
input,button,textarea{
	border: none;
	outline: none;
}
input::-ms-clear{
	display: none;
}
.width3{
	width: 3%;
}
.width4{
	width: 4%;
}
.width5{
	width: 5%;
}
.width6{
	width: 6%;
}
.width7{
	width: 7%;
}
.width8{
	width: 8%;
}
.width9{
	width: 9%;
}
.width10{
	width: 10%;
}
.width11{
	width: 11%;
}
.width12{
	width: 12%;
}
.width14{
	width: 14%;
}
.width15{
	width: 15%;
}
.width16{
	width: 16%;
}
.width17{
	width: 17%;
}
.width18{
	width: 18%;
}
.width19{
	width: 19%;
}
.width20{
	width: 20%;
}
.width24{
	width: 24%;
}
.width25{
	width: 25%;
}
.width26{
	width: 26%;
}
.width27{
	width: 27%;
}
.width30{
	width: 30%;
}
.width32{
	width: 32%;
}
.width34{
	width: 34%;
}
.width36{
	width: 36%;
}
.width40{
	width: 40%;
}
.width46{
	width: 46%;
}
.width48{
	width: 48%;
}
.width50{
	width: 50%;
}
.width68{
	width: 68%;
}
.left{
	float: left;
}
.right{
	float: right;
}
.main{
	width: 100%;
	overflow: hidden;
	// padding-left: 0.5rem;
	// padding-right: 0.5rem;
	// padding-bottom: 2rem;
	// background-image: url(../images/bg.jpg);
	// background-size: cover;
	position: relative;
	&.details{
		padding-top: 0.2rem;
	}
}
.main-bg{
	position: fixed;
	@include wh(100%);
	left: 0;
	top: 0;
	z-index: -1;
	// background-color: #261152;
	background-image: url(../images/bg.jpg);
	background-position: center center;
	background-size: cover;
}
.main-title{
	width: 100%;
	height: 1.4rem;
	line-height: 1.4rem;
	text-align: center;
	font-size: 0.4rem;
	color: #fff;
	font-weight: bold;
}
.qicon-fix{
	position: fixed;
	left: 0;
	top: 0;
	max-width: 300px;
	line-height: 1.5em;
	@include bc(#03030d);
	color: #fff;
	padding: 0.06rem 0.1rem;
	z-index: 999;
	display: none;
}
.container{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.conleft{
	float: left;
	width: 4.6rem;
	overflow: hidden;
}
.conright{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 13.2rem;
	overflow: hidden;
}
.con-box{
	display: inline-block;
	@extend .container;
	padding-bottom: 0.2rem;
}
.move-info{
	@extend .container;
	padding: 0 0.16rem 0.4rem 0.16rem;
	.info-img{
		float: left;
		width: 2.36rem;
		height: 3.4rem;
		img{
			@include wh(100%);
		}
	}
	.option-ind{
		position: absolute;
		@include wh(0.32rem);
		left: 50%;
		margin-left: -0.16rem;
		bottom: 0;
		background: url(../images/top.png) center center no-repeat;
		background-size: 100% 100%;
		transform: rotate(180deg);
		&.active{
			transform: rotate(0deg);
		}
	}
}
.info-details{
	float: left;
	margin-left: 0.24rem;
	width: 4rem;
	height: 3.4rem;
	color: #fcfafb;
	.id-title{
		font-size: 0.36rem;
		height: 1.2rem;
		line-height: 1.2rem;
		@include heo();
	}
	.id-list{
		font-size: 0.18rem;
		height: 0.5rem;
		line-height: 0.5rem;
		@include heo();
	}
}
.move-ind{
	width: 100%;
	overflow: hidden;
	color: #fcfafb;
	font-size: 0.16rem;
	line-height: 1.5em;
	padding-top: 0.1rem;
	display: none;
}
.op-box{
	@include wh(100%);
	@include bc(#00fffc);
	position: absolute;
	left: 0;
	top: 0;
}
.cb-title{
	width: 100%;
	height: 0.4rem;
	line-height: 0.4rem;
	color: #fff;
	font-size: 0.18rem;
	position: relative;
	.op-box{
		@include op(0.1);
	}
	&.cb-title-d{
		height: 0.8rem;
		line-height: 0.8rem;
		text-align: center;
		font-size: 0.24rem;
	}
	.cb-ctitle{
		@include wh(100%);
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		&:after{
			content: '';
			display: block;
			@include wh(0.12rem);
			position: absolute;
			right: 0;
			top: 0;
			border-top: 0.02rem solid #00fffc;
			border-right: 0.02rem solid #00fffc;
		}
	}
	.title-icon{
		@include wh(0.2rem);
		position: absolute;
		left: 0.2rem;
		top: 50%;
		margin-top: -0.1rem;
		background: url(../images/icon1.png) center center no-repeat;
		background-size: 100% 100%;
	}
	.title-qicon{
		width: 0.18rem;
		height: 0.24rem;
		position: absolute;
		right: 0.2rem;
		top: 50%;
		margin-top: -0.12rem;
		background: url(../images/q.png) center center no-repeat;
		background-size: 100% 100%;
		cursor: pointer;
	}
	.cb-title-t{
		padding-left: 0.5rem;
	}
}
.cb-container{
	width: 100%;
	height: 1.3rem;
	position: relative;
	.op-box{
		@include op(0.05);
	}
	.cb-cshow{
		@include wh(100%);
		position: relative;
		z-index: 2;
		text-align: center;
		&:after{
			content: '';
			display: block;
			@include wh(0.12rem);
			position: absolute;
			left: 0;
			bottom: 0;
			border-left: 0.02rem solid #00fffc;
			border-bottom: 0.02rem solid #00fffc;
		}
	}
	.cshow-l{
		float: left;
		width: 49%;
		height: 100%;
		overflow: hidden;
		color: #fff;
		margin-left: 0.05%;
		padding-top: 0.24rem;
	}
	.cshow-count{
		height: 0.38rem;
		font-size: 0.24rem;
		color: #00fffc;
		font-weight: bold;
		@include heo();
	}
	.cshow-title{
		line-height: 0.5rem;
		font-size: 0.14rem;
		color: #415aa6;
		@include heo();
	}
}
.cb-details{
	height: auto;
	padding-top: 0.4rem;
	.show-dimg{
		width: 2.32rem;
		height: 3.4rem;
		margin: 0 auto;
		margin-bottom: 0.4rem;
		img{
			@include wh(100%);
		}
	}
}
.details-info{
	@extend .container;
	padding: 0 0.2rem;
	.details-type{
		text-align: center;
		height: 0.58rem;
		overflow: hidden;
	}
	.dt-btn{
		display: inline-block;
		width: 1rem;
		height: 0.34rem;
		line-height: 0.32rem;
		border: 1px solid #29427a;
		margin: 0 0.16rem;
		@include br(3px);
		@include bc(#0b2d48);
		@include heo();
		font-size: 0.14rem;
		color: #fff;
		cursor: pointer;
		&:hover,&.active{
			@include bc(#415aa6);
		}
	}
}
.show-info{
	width: 100%;
	height: auto;
	// border: 1px solid #5f71d2;
	overflow: hidden;
	overflow-y: auto;
	cursor: pointer;
	padding-bottom: 0.3rem;
	// &::-webkit-scrollbar
 //    {
 //        width: 0.08rem;
 //    }
 //    &::-webkit-scrollbar-thumb:vertical {
 //        border-radius: 0.04rem;
 //        background-color:#415aa6;
 //    }
    .show-info-list{
    	width: 100%;
    	overflow: hidden;
    }
    // .info-ep{
    // 	.info-title{
    // 		width: 18%;
    // 	}
    // }
    .info-list{
    	width: 100%;
    	font-size: 0.16rem;
    	color: #fff;
    	line-height: 2em;
		text-align: left;
		overflow: hidden;
		position: relative;
    }
    .info-title{
    	float: left;
    	// width: 18%;
    	padding-left: 0.6rem;
    	@include heo();
    	text-align: right;
    }
    .info-text{
    	float: left;
    	width: 70%;
    	p{
    		width: 100%;
    		@include heo();
    	}
    }
    .info-text-ind{
    	width: 100%;
    	overflow: hidden;
    	position: relative;
    	padding-left: 28%;
    	margin-left: -3em;
    }
    &.show-info-cy{
    	.info-title{
    		color: #00fffc;
    	}
		.info-text{
			width: 100%;
			padding-left: 0.6rem;
		}
    }

}
.chart-box{
	@include wh(100%);
}
.cb-market{
	height: 1.9rem;
}
.cb-source{
	height: 3.2rem;
}
.cb-wb{
	height: 3.5rem;
}
.cb-web-hot{
	@extend .cb-forward;
	height: 2.54rem;
}

.cb-survey{
	height: 1.3rem;
}
.show-details{
	@extend .container;
	.sdleft{
		float: left;
		width: 6.5rem;
		overflow: hidden;
	}
	.sdright{
		float: right;
		width: 6.6rem;
		overflow: hidden;
	}
	.sdleft2{
		width: 8rem;
	}
	.sdright2{
		width: 5rem;
	}
}
.cb-chart{
	height: 2.5rem;
}
.cb-chart2{
	height: 3.5rem;
}
.cb-chart3{
	height: 1.7rem;
}
.cb-chart4{
	height: 2.2rem;
}
.cb-index2{
	height: 2.6rem;
}
.cb-index{
	height: 2.6rem;
}
.cb-list{
	height: 3.5rem;
	.lf-title{
		height: 0.41rem;
		line-height: 0.4rem;
	}
}
.cb-web-single{
	height: 3.5rem;
	.lf-title{
		height: 0.41rem;
		line-height: 0.4rem;
	}
	.works-list{
		height: 0.61rem;
		line-height: 0.6rem;
	}
	.lf-title{
		.title-list-name{
			padding-left: 0;
		}
	}
	.type-sortum{
		float: left;
	}
	.type-info{
		float: left;
		width: 90%;
		padding-left: 0.2rem;
		height: 100%;
		@include heo();
		// line-height: 0.24rem;
		// .name{
		// 	@include heo();
		// }
		// .time{
		// 	color: #354d8e;
		// 	font-size: 12px;
		// 	@include heo();
		// }
	}
}

.office-box{
	@extend .container;
	.today-office{
		float: left;
		width: 3.9rem;
		overflow: hidden;
	}
	.sum-office{
		float: right;
		width: 3.9rem;
		overflow: hidden;
	}
}
.cb-office{
	height: 2rem;
	.cb-cshow{
		line-height: 2rem;
		font-size: 0.36rem;
		color: #00fffc;
	}
}
.cb-list-trend{
	height: 6.1rem;
	.lf-title{
		height: 0.41rem;
		line-height: 0.4rem;
	}
	.works-list{
		height: 0.61rem;
		line-height: 0.6rem;
	}
}
.cb-trend{
	height: 3.4rem;
}
.list-form-trend{
	.wl-type-name{
		float: left;
		padding-left: 0.3rem;
	}
	.lf-works{
		width: 100%;
		height: 5.6rem;
		overflow: hidden;
		overflow-y: auto;
		&::-webkit-scrollbar
	    {
	        width: 0.08rem;
	    }
	    &::-webkit-scrollbar-thumb:vertical {
	        border-radius: 0.04rem;
	        background-color:#415aa6;
	    }
	}
}

.chart-layer{
	@include wh(100%);
}
.sixs-chart{
	width: 3.42rem;
	height: 1.22rem;
	margin: 0 auto;
	padding-top: 0.42rem;
	.show-sixs{
		width: 100%;
		height: 0.46rem;
		line-height: 0.46rem;
		font-size: 0.18rem;
		font-weight: bold;
		position: relative;
	}
	.show-tag{
		position: absolute;
		width: 0.18rem;
		height: 0.3rem;
		background-size: 100% 100%;
		top: 50%;
		margin-top: -0.15rem;
	}
	.tag-man{
		left: 0;
		background-image: url(../images/man.png);
	}
	.tag-women{
		background-image: url(../images/women.png);
		right: 0;
	}
	.show-man{
		float: left;
		padding-left: 0.3rem;
		color: #3552ea;
	}
	.show-women{
		float: right;
		padding-right: 0.3rem;
		color: #d845c1;
	}
	.sixs-bar{
		width: 100%;
		height: 0.2rem;
		position: relative;
	}
	.sixb-man,.sixb-women{
		position: absolute;
		height: 100%;
		width: 50%;
		top: 0;
	}
	.sixb-man{
		@include bc(#3552ea);
		left: 0;
	}
	.sixb-women{
		@include bc(#d845c1);
		right: 0;
	}
}

/**
 * list form style
 */
.list-form{
	@extend .container;
	padding: 0 0.2rem;
}
.lf-title{
	display: inline-block;
	width: 100%;
	height: 0.32rem;
	line-height: 0.3rem;
	border-bottom: 0.02rem solid #044956;
	color: #415aa6;
	font-size: 0.18rem;
	.title-list{
		display: inline-block;
		vertical-align: middle;
		@include heo();
	}
	.title-list-name{
		text-align: left;
		padding-left: 0.3rem;
	}
	.title-flat{
		display: inline-block;
		@include wh(0.24rem);
		vertical-align: middle;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	.flat-aqiyi{
		background-image: url(../images/aqiyi.png);
	}
	.flat-txun{
		background-image: url(../images/txun.png);
	}
	.flat-youku{
		background-image: url(../images/youku.png);
	}
}
.lf-works{
	@extend .container;
}
.works-list{
	width: 100%;
	height: 0.39rem;
	line-height: 0.38rem;
	border-bottom: 1px dashed #374956;
	font-size: 0.16rem;
	&:last-child{
		border: none;
	}
	&>span,&>a{
		display: inline-block;
		color: #e0e1e5;
	}
	.wl-type{
		@include heo();
	}
	.wl-type-name{
		text-align: left;
		position: relative;
	}
	.type-sortum{
		font-size: 0.18rem;
		font-weight: bold;
	}
	.show-sort{
		position: absolute;
		width: 0.1rem;
		height: 0.14rem;
		left: 55%;
		top: 50%;
		margin-top: -0.07rem;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		&.up{
			background-image: url(../images/up.png);
		}
		&.down{
			background-image: url(../images/down.png);
		}
	}
}
.trend-date{
	float: left;
	line-height: 0.24rem;
	font-size: 0.12rem;
	.date-ymd{
		font-size: 0.16rem;
	}
	.date-node{
		color: #415aa6;
		padding-left: 3px;
	}
}
.list-form-wb{
	.works-list{
		.show-sort{
			left: auto;
			right: 10%;
		}
	}
}
.cb-forward{
	.lf-title{
		height: 0.42rem;
		line-height: 0.4rem;
		.title-list-name{
			padding-left: 0;
		}
	}
	.works-list{
		height: 0.59rem;
		line-height: 0.58rem;
	}
}

.swiper-box{
	width: 100%;
	height: 1.08rem;
	padding-top: 0.2rem;
	overflow: hidden;
	.swiper-slide{
		position: relative;
		left: 0;
		@include trans(0.2s);
	}
	// .arrow-right,.arrow-left{
	// 	position: absolute;
	// 	@include wh(0.64rem);
	// 	top: 50%;
	// 	margin-top: -0.32rem;
	// 	@include br(0.1rem);
	// 	@include bc(#000);
	// 	@include op(0.6);
	// 	background-position: center center;
	// 	background-repeat: no-repeat;
	// 	background-size: 100% 100%;
	// 	cursor: pointer;
	// 	z-index: 9;
	// }
	// .arrow-left{
	// 	left: 10px;
	// 	background-image: url(../images/left.png);
	// }
	// .arrow-right {
	// 	right: 10px;
	// 	background-image: url(../images/right.png);
	// }
	.survey-list{
		float: left;
		width: 1.66rem;
		height: 0.88rem;
		margin-left: 0.2rem;
	}
	.survey-img{
		float: left;
		width: 0.68rem;
		height: 0.88rem;
		img{
			@include wh(100%);
		}
	}
	.survey-info{
		float: left;
		width: 0.97rem;
		padding-left: 0.14rem;
		text-align: left;
	}
	.survey-name{
		color: #fff;
		height: 0.38rem;
		line-height: 0.38rem;
		font-size: 0.14rem;
		@include heo();
	}
	.survey-type{
		color: #394f95;
		font-size: 0.12rem;
		// height: 2em;
		@include heo();
	}
	.survey-tag{
		display: inline-block;
		margin-top: 0.06rem;
		width: 0.18rem;
		height: 0.08rem;
		background: url(../images/tag1.png) center center no-repeat;
		background-size: 100% 100%;
	}
	.tag1{
		background-image: url(../images/tag1.png);
	}
	.tag2{
		background-image: url(../images/tag2.png);
	}
	.tag3{
		background-image: url(../images/tag3.png);
	}
	.tag4{
		background-image: url(../images/tag4.png);
	}
	.tag5{
		background-image: url(../images/tag5.png);
	}
	.tag6{
		background-image: url(../images/tag6.png);
	}
	.tag7{
		background-image: url(../images/tag7.png);
	}
	.tag8{
		background-image: url(../images/tag8.png);
	}
}